<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>sidebar-menu.css</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            sidebar-menu.css
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/sidebar/sidebar-menu.css
                
            </li>
            <li>Last modified: 2017-02-23 10:42:51 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>.sidebar-menu {</p>

<pre><code>list-style: none;
margin: 0;
padding: 0;
background-color: #222d32; }
.sidebar-menu &gt; li {
  position: relative;
  margin: 0;
  padding: 0; }
  .sidebar-menu &gt; li &gt; a {
    padding: 12px 5px 12px 15px;
    display: block;
    border-left: 3px solid transparent;
    color: #b8c7ce; }
    .sidebar-menu &gt; li &gt; a &gt; .fa {
      width: 20px; }
  .sidebar-menu &gt; li:hover &gt; a, .sidebar-menu &gt; li.active &gt; a {
    color: #fff;
    background: #1e282c;
    border-left-color: #3c8dbc; }
  .sidebar-menu &gt; li &gt; .treeview-menu {
    margin: 0 1px;
    background: #2c3b41; }
  .sidebar-menu &gt; li .label,
  .sidebar-menu &gt; li .badge {
    margin-top: 3px;
    margin-right: 5px; }
.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
  color: #4b646f;
  background: #1a2226; }
.sidebar-menu li &gt; a &gt; .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px; }
.sidebar-menu li.active &gt; a &gt; .fa-angle-left {
  transform: rotate(-90deg); }
.sidebar-menu li.active &gt; .treeview-menu {
  display: block; }
.sidebar-menu a {
  color: #b8c7ce;
  text-decoration: none; }
.sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px; }
  .sidebar-menu .treeview-menu .treeview-menu {
    padding-left: 20px; }
  .sidebar-menu .treeview-menu &gt; li {
    margin: 0; }
    .sidebar-menu .treeview-menu &gt; li &gt; a {
      padding: 5px 5px 5px 15px;
      display: block;
      font-size: 14px;
      color: #8aa4af; }
      .sidebar-menu .treeview-menu &gt; li &gt; a &gt; .fa {
        width: 20px; }
      .sidebar-menu .treeview-menu &gt; li &gt; a &gt; .fa-angle-left,
      .sidebar-menu .treeview-menu &gt; li &gt; a &gt; .fa-angle-down {
        width: auto; }
    .sidebar-menu .treeview-menu &gt; li.active &gt; a, .sidebar-menu .treeview-menu &gt; li &gt; a:hover {
      color: #fff; }</code></pre>

<p>li.quick {</p>

<pre><code>background-color: #222D32;
color: white;
margin-left: 50px;
font-size: 17px;
height: 30px;
margin-top: 30px;</code></pre>

<p>}</p>

<p>li.quick i{</p>

<pre><code>margin-left: 18px;
margin-top: 10px;</code></pre>

<p>}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
